<html>
<head>
<style>
@page {
  size: 300px 300px;
  margin: 10px;
}
object[type="watermark"] {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
  z-index: 1000;
  left: 0;
  top: 0;
}
</style>
</head>
<body>
<object type="watermark"></object>

Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Volutpat sed cras ornare arcu dui. Tempor id eu nisl nunc mi.
Urna nec tincidunt praesent semper. Elementum tempus egestas sed sed.
Consequat interdum varius sit amet mattis vulputate. Pulvinar etiam non quam
lacus suspendisse. Ultrices vitae auctor eu augue ut lectus. Adipiscing at in
tellus integer. Porta nibh venenatis cras sed felis eget. Fermentum iaculis eu
non diam phasellus. Urna condimentum mattis pellentesque id. Eu scelerisque felis
imperdiet proin. Arcu non odio euismod lacinia at quis risus.
Porta nibh venenatis cras sed felis eget. Fermentum iaculis eu
non diam phasellus. Urna condimentum mattis pellentesque id. Eu scelerisque felis
imperdiet proin. Arcu non odio euismod lacinia at quis risus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Volutpat sed cras ornare arcu dui. Tempor id eu nisl nunc mi.
Urna nec tincidunt praesent semper. Elementum tempus egestas sed sed.
Consequat interdum varius sit amet mattis vulputate. Pulvinar etiam non quam
lacus suspendisse. Ultrices vitae auctor eu augue ut lectus. Adipiscing at in
tellus integer. Porta nibh venenatis cras sed felis eget. Fermentum iaculis eu
non diam phasellus. Urna condimentum mattis pellentesque id. Eu scelerisque felis
imperdiet proin. Arcu non odio euismod lacinia at quis risus.
Porta nibh venenatis cras sed felis eget. Fermentum iaculis eu
non diam phasellus. Urna condimentum mattis pellentesque id. Eu scelerisque felis
imperdiet proin. Arcu non odio euismod lacinia at quis risus.
</body>
</html>
